import { Icon, IconProps } from '@chakra-ui/react';
export const ClusterIcon = (props: IconProps) => {
  return (
    <Icon
      xmlns="http://www.w3.org/2000/svg"
      width="25px"
      height="24px"
      viewBox="0 0 25 24"
      fill="none"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M12.9867 2.28864C12.6773 2.11 12.2961 2.11 11.9867 2.28864L8.4209 4.34737C8.1115 4.526 7.9209 4.85612 7.9209 5.21339V9.33085C7.9209 9.68811 8.1115 10.0182 8.4209 10.1969L11.9867 12.2556C12.2961 12.4342 12.6773 12.4342 12.9867 12.2556L16.5525 10.1969C16.8619 10.0182 17.0525 9.68811 17.0525 9.33085V5.21339C17.0525 4.85613 16.8619 4.526 16.5525 4.34737L12.9867 2.28864ZM12.4867 3.73201L9.4209 5.50207V9.04217L12.4867 10.8122L15.5525 9.04217V5.50207L12.4867 3.73201Z"
        fill="#485058"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M18.2589 11.7443C17.9495 11.5657 17.5683 11.5657 17.2589 11.7443L13.6931 13.8031C13.3837 13.9817 13.1931 14.3118 13.1931 14.6691V18.7865C13.1931 19.1438 13.3837 19.4739 13.6931 19.6526L17.2589 21.7113C17.5683 21.8899 17.9495 21.8899 18.2589 21.7113L21.8248 19.6526C22.1342 19.4739 22.3248 19.1438 22.3248 18.7865V14.6691C22.3248 14.3118 22.1342 13.9817 21.8248 13.8031L18.2589 11.7443ZM17.7589 13.1877L14.6931 14.9578V18.4979L17.7589 20.2679L20.8248 18.4979V14.9578L17.7589 13.1877Z"
        fill="#485058"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M6.7145 11.7443C7.0239 11.5657 7.4051 11.5657 7.7145 11.7443L11.2803 13.8031C11.5897 13.9817 11.7803 14.3118 11.7803 14.6691V18.7865C11.7803 19.1438 11.5897 19.4739 11.2803 19.6526L7.7145 21.7113C7.4051 21.8899 7.0239 21.8899 6.7145 21.7113L3.14868 19.6526C2.83928 19.4739 2.64868 19.1438 2.64868 18.7865V14.6691C2.64868 14.3118 2.83928 13.9817 3.14868 13.8031L6.7145 11.7443ZM4.14868 14.9578L7.2145 13.1877L10.2803 14.9578V18.4979L7.2145 20.2679L4.14868 18.4979V14.9578Z"
        fill="#485058"
      />
    </Icon>
  );
};
